<!--<!DOCTYPE html>-->
<!--<html lang="en">-->

<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <html lang="en" xmlns:th="http://www.thymeleaf.org"></html>-->
<!--    <title>Title</title>-->

<!--    <script type="text/javascript"src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>-->
<!--    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>-->
<!--    <script>-->

<!--    </script>-->

<!--</head>-->
<!--<body>-->
<!--    <script type="text/javascript">-->
<!--        // 基于准备好的dom，初始化echarts实例-->
<!--        var myChart = echarts.init(document.getElementById('main'));-->

<!--        // 指定图表的配置项和数据-->
<!--        var option = {-->
<!--            title: {-->
<!--                text: '第一个 ECharts 实例'-->
<!--            },-->
<!--            tooltip: {},-->
<!--            legend: {-->
<!--                data:['销量']-->
<!--            },-->
<!--            xAxis: {-->
<!--                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]-->
<!--            },-->
<!--            yAxis: {},-->
<!--            series: [{-->
<!--                name: '销量',-->
<!--                type: 'bar',-->
<!--                data: [5, 20, 36, 10, 10, 20]-->
<!--            }]-->
<!--        };-->

<!--        // 使用刚指定的配置项和数据显示图表。-->
<!--        myChart.setOption(option);-->
<!--    </script>-->

<!--</body>-->

<!--</html>-->

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>基金</title>
    <!-- 引入 echarts.js -->

    <script type="text/javascript"src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 800px;height:400px;"></div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var dates = new Array();
    var prices = new Array();
    $(function(){
        var URL = "http://localhost:8080/hello";
        $.get(URL,function (resp){
            for(i = 0;i < resp.length;i++){
                dates[i] = resp[i];
            }
            // console.log(dates[0]);
        });
    })
    $(function(){
        var URL = "http://localhost:8080/hello1";
        $.get(URL,function (resp){
            for(i = 0;i < resp.length;i++){
                prices[i] = resp[i];
            }
        });
    })
    var myChart = echarts.init(document.getElementById('main'));
    $(function(){
        var URL = "http://localhost:8080/hello2";
        $.get(URL,function (data){
            console.log(data);//获取到的json数据是个对象
            myChart.setOption(option = {
                title:{
                    text:'ECharts 异步加载数据'
                },
                tooltip:{},
                legend:{
                    data:['累计净值']
                },
                xAxis:{
                    data:dates
                },
                yAxis:{
                    // data:prices
                },
                series:[
                    {
                        name:'累计净值',
                        type:'line',
                        data:prices
                    }
                ]
            });
        });
    })

    // console.log(datas);
    console.log(prices);
    // // 指定图表的配置项和数据
    // var option = {
    //     title: {
    //         text: '第一个 ECharts 实例'
    //     },
    //     tooltip: {},
    //     legend: {
    //         data:['销量']
    //     },
    //     xAxis: {
    //         data: datas.净值日期
    //     },
    //     yAxis: {},
    //     series: [{
    //         name: '销量',
    //         type: 'bar',
    //         data: prices
    //     }]
    // };
    //
    // // 使用刚指定的配置项和数据显示图表。
    // myChart.setOption(option,true);
</script>
</body>
</html>